<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Create Person Page</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css" />
	<link rel="stylesheet" type="text/css" href="js/menu/chrometheme/chromestyle.css" />
	<script type="text/javascript" src="js/menu/chromejs/chrome.js"></script>
</head>
<body>
	<div wicket:id="menuPanel1"></div>

	<div id="container" wicket:id="container">
		<div id="header" wicket:id="header">
			<center><h1><a wicket:id = "companyWebsiteLink" href="#">[COMPANY NAME GOES HERE]</a></h1></center>
		</div>
	
		<div id="imageDiv" wicket:id="imageDiv">
			<br>
			<center><img wicket:id="personImage"/></center>
	    	<br><br>
	    	
	    	 <form wicket:id="imageUploadForm">	     
		     	<center>
		        <input wicket:id="fileInput" id="upload" type="file" size="70"/>
		        &nbsp;&nbsp;<input type="submit" value="Upload!"/>
		        &nbsp;&nbsp;&nbsp;<span wicket:id="progress">[[ajax upload progressbar]]</span>
		    	&nbsp;&nbsp;&nbsp;<span wicket:id="uploadFeedback"/><br><br>
		    	</center>
		    </form>
		</div>
		
	
		
		<br>
	
		<div id="workExperienceAddDiv" wicket:id="workExperienceAddDiv">
			<form wicket:id="workExperienceAddForm">
				<br><p><center><h2><strong>
					<span wicket:id="workExperienceAddTitle">[Add Work Experience]</span>
				</strong></h2></center><p>
		
			   <table>
		    		<tr wicket:id="workAdd">
		    			<td>&nbsp;&nbsp;<strong><span wicket:id="key">[key]</span></strong></td>
		    			<td>:</td>
		    			<td>&nbsp;&nbsp;<input type="text" wicket:id="value" size="80"/></td>
		    		</tr>
		    	</table>
		    	<br>
		    	&nbsp;&nbsp;<input type="submit" wicket:id="addWorkButton" value="Add" align="right"/> 
				<br><br>
			</form>
		</div>
	
		
	
		<div id="workExperienceDiv" wicket:id="workExperienceDiv">
			<p><center><h2><strong><br>
				<span wicket:id="workExperienceTitle">[Work Experience]</span>
			</strong></h2></center><p>
			
			
			   <table>
				   <tr wicket:id="workExperienceList">
				   		<td width="740">
						   <table  >
					    		<tr wicket:id="work">
					    			<td>&nbsp;&nbsp;<strong><span wicket:id="key">[key]</span></strong></td>
					    			<td>:</td>
					    			<td>&nbsp;&nbsp;<span wicket:id="value">[value]</span></td>
					    		</tr>
					    	</table>
				    	</td>
				    	
				    	<td><a href="#" wicket:id="deleteLink">delete</a></td>
				    </tr>
		    	</table>
		    	
		    	
		    	<br>
			
		</div>
		<br><br>
		
		<div id="wrapper" wicket:id="wrapper">
		    <div id="personalInfo" wicket:id="personalInfoDiv">
		    	<form wicket:id="personalInfoForm">
		    		<center><h2><strong>Personal Details</strong></h2></center>
			   		<p>
			    	<table>
			    		<tr wicket:id="personalInfoList">
			    			<td>&nbsp;&nbsp;<span wicket:id="key">[key]</span></td>
			    			<td>:</td>
			    			<td>&nbsp;&nbsp;<input type="text" wicket:id="value" size="80"/><select wicket:id="valueSelect" ></select></td>
			    		</tr>
			    	</table>
			    	<br>
			    	&nbsp;&nbsp;
			    	<input type="submit" wicket:id="personalInfoSaveButton"  value="Save" />
			    	<br><br>
			    	<br>
		    	 </form>			    	 
		    </div> 
		</div>
		
		<div id="footer" >
	  		<p>&copy; Copyright 2008 abbulu</p>
	  	</div><!-- end footer -->
	  	
	</div>
</body>
</html>
